
/* 

    当屏幕的宽度小于750的时候，body背景颜色变为红色，文字大小为20px
    当屏幕的宽度大于1200的时候，body背景颜色变为黄色，文字大小为30px
    当屏幕的宽度在750px和1200px之间的时候，body背景颜色变为蓝色，文字大小为60px
*/
@media all and (max-width:750px) {
    body{
        background: red;
        font-size: 20px;
    }  

}
/* screen 设备类型- 电脑显示器 */
@media screen and (min-width:751px) and (max-width:1200px) {
    body{
        background: yellow;
        font-size: 30px;
    }  
}
@media all and (min-width:1201px) {
    body{
        background: blue;
        font-size: 60px;
    }  
}